<template>
<div class="jd-goodlist">
    <img @touchstart="Todetail" :src='$img.imgBase + good.img'>
    <div class="pps" v-text="good.name">
    </div>
    <ul class='bot'>
        <li>
            <span>￥</span><span v-text="good.price" class="active"></span>
        </li>
        <li>
            <span>看相似</span>
        </li>
    </ul>
</div>
</template>
<script>

export default {
    data(){
        return{
        }
    },
    props:{
		good: { type: Object, required: true }

    },
    methods:{
        Todetail(){
			this.$router.push("/detail/good/" + this.good._id)

        }
    }

    
}
</script>
<style lang="scss" scoped>
.jd-goodlist{
	flex: 1;
	margin: 0.133333rem;
	background: white;
	&>img {
		display: block;
        width: 4rem;
        height: 4rem;
		margin: 0  auto;
		border-radius: .066667rem;
	}
    .pps{
        padding-top: 0.267rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;

}
.bot{
    overflow: hidden;
    padding-bottom: 0.4rem;
}
.bot li:first-child{
    float: left;
}
.bot li:last-child{
    float: right;
}
.active{
    color: red;
    font-size: 0.533rem;
}


}


</style>